<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>西大男大</title>
    </head>
    <style>
        .box {
            background-color: rgb(238, 239, 237);
            padding: 20px;
            margin: 20px auto;
            width: 80%;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(194, 219, 48, 0.1);
            transition: transform 0.3s ease;
        }
        .box:hover {
            transform: translateY(-5px);
            .box p{
        text-align:center;
    }
    </style>
    <body>
        <h1>关于我的介绍</h1>
        <p>来自于大理的小火，他的名字叫杨润康</p>
        <p>这是一个非常帅气的小伙，帅气的外表下潜藏着摆烂的心，渴望着一夜暴富。</p>
        <div class="box">
            <img src="left.jpg.jpg" alt="心里想法的照片" style="width: 300px; height: 500px; ，object-fit:cover; float:right;">
        </div>
        <h2>那么他的兴趣是什么呢</h2>
        <p>First，他最喜欢的自然是看小说了，（同时希望能写出好作品，反正还没开始写就对了</p>
        <p>seond,他还喜欢音乐，很多类型都听（尤其是晚上漫步时听）</p>
        <p>体育运动也是少不了的，I like soccer and ping pong</p>
        @keyframes slideIn {
  from { transform: translateX(-50px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
p {
  animation: slideIn 0.8s ease-out forwards;
}
    </body>
</html>